<!DOCTYPE html>
<html>
<head>
<title>this is where the page title would go!</title>
<style>
body {
  background-color: #000000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: white;
}
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>this is just a paragraph on the page</p>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6><p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
<p class="redtext">this is just another paragraph on the page</p>
</blockquote>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
h1 {
  font-size: 2em;
}
a:hover {
  color: #cccccc;
}
p {
  color: blue;
}
.redtext {
  color: red;
}
p.redtext {
  width: 100px;
}
</style>
</head>
<body>
<h1>a header!</h1>
<p>Here we specify the width and height of an image with the width and height attributes:</p>
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6></h6>
</body>
</html>
